<div id="content_header">
  <h3>{{ current.ProductName }} Editing</h3>
</div>
<div class="row">
  <form name="form" role="form" ng-submit="update()">

    <div class="form-group">
    <label for="ProductName">
        Product Name
      </label>
      <span class="error" ng-show="form.ProductName.$error.required">Required!</span>
      <input type="text" name="ProductName" class="form-control" id="ProductName" placeholder="Input field" ng-model="current.ProductName" required>
    </div>

    <div class="form-group">
    <label for="Code">
        Code
      </label>
      <span class="error" ng-show="form.Code.$error.required">Required!</span>
      <input type="text" name="Code" class="form-control" id="Code" placeholder="Input field" ng-model="current.Code" required>
    </div>

    <div class="form-group">
      <label for="ProductCategoryId">
        Product Category
      </label>
      <select name="" class="form-control" id="ProductCategoryId" ng-model="current.ProductCategoryId" ng-options="category.ProductCategoryId as category.CategoryName for category in categories" ng-selected="current.ProductCategoryId" required>
        <option value="" ng-hide="current.ProductCategoryId">Select a category.</option>
      </select>
    </div>

    <button type="submit" class="btn btn-primary" >Submit</button>
  </form>
</div>